You have been have been hired by an organisation as a contractor to design a website to promote their services or products. The organisation understands that this task would be far too broad if you were to promote their entire services / products base. However, in order to do any justice for the organisation, you are still expected to choose one to two aspects / products that you feel would best portray the organisation. You are free to choose the topic for your project. The following are some examples:
Hotels
Car company
Game company
Education and training
Government organisations
Sports and recreation
The team has decided to do a promotion website for the Mitsubishi Evolution X and Lancer Ralliart.
1.3. Team Member Contributions
Team Member
Contributions
Philip Ngo
Understanding the Problem (Section 2)
Designing Solutions (Section 4)
Building web site
Logbook
Fady Khatar
Website logo
Testing, Evaluating and Maintaining (Section 6)
Logbook
Anthony Bezzina
Making Decisions (Section 3)
Implementation (Section 5)
Logbook
2. Understanding the Problem
2.1. Requirement Report
2.1.1. Statement of the Problem
The client is Mitsubishi Motors, which is one of the world's largest automobile manufacturers. Mitsubishi just announced recently that the Evolution X and Lancer Ralliart would be for sale. In order to attract customers, Mitsubishi would like to have a website set up, which is dedicated to promoting these two new performance vehicles.
2.1.2. Preliminary investigation
In order for us to understand the needs of Mitsubishi, we conducted a short interview with one of their representatives. The purpose of this interview was to collect data to understand the problem and using the data, we can develop a solution to the problem.
Based on the interview with Mitsubishi, the proposed requirements for the Lancer Evolution X and Lancer Ralliart promotion site is as follows:
A homepage which tells visitors what the website is about.
An easy to use navigation menu.
The specifications and ranges of the Evolution X and Lancer Ralliart need to be on the site.
An image gallery.
A page showing videos of the Evolution X and Lancer Ralliart.
2.1.4. Prototype
A very basic prototype was created for the website. The prototype only consisted of an "index.htm". Most of the links do not work yet and there is no banner.
The main purpose of the prototype is to get an idea of the the links we would be putting in, based on the proposed requirements. It helps us in understanding the proposed requirements as well as giving us an opportunity to identify the good and bad features of the website.
This prototype also gives Mitsubishi an opportunity to identify what features they like and don't like and also allows them to specify additional requirements if necessary.
The prototype basic layout of the web pages:
This is the prototype for the image gallery:
This is the prototype page for the video page:
This is the prototype page for the specifications:
3. Planning
3.1. Feasibility Report
Economic Feasibility
The initial cost of a project such as this would not be a huge investment. The website can be made extremely cost-effective by eliminating or limiting tasks which cost more money such as flash animations and forums. Operating costs can also be kept low by hosting the site on a free web-server, although a company of this size would likely have domain space already available. The cost for a new server could be as low as $10 a month. Hiring designers would not cost a significant amount of money as the project is only given a 3 week schedule.
There is little economic risk in a project of this nature, due to the low investment cost and the possibility of high rewards.
The benefits of this website would be advertisements providing income for the company. The Interactive Advertising Bureau claimed that internet advertisement revenue in the US for Jan-July 2010 was over $12 billion. (Source http://www.iab.net/about_the_iab/recent_press_releases/press_release_archive/press_release/pr-101210)
Technical Feasibility
The requirements of the project are: · A homepage which tells visitors what the website is about. · An easy to use navigation menu. · The specifications and ranges of the Evolution X and Lancer Ralliart need to be on the site. · An image gallery. · A page showing videos of the Evolution X and Lancer Ralliart.
The project therefore does not require specialised software or hardware to accomplish these requirements. The project can be made on basic web editing programs such as Adobe Dreamweaver, Office Publisher or iWeb. A high quality camera (or already made images) would also be necessary, but would not be difficult to come by from a company of this size. If one was not available, a suitable new camera could be purchased for less than $1000. The project would not need frequent updates and would require little personnel training to maintain.
Schedule Feasibility
A 3 week requirement gives sufficient time to complete the required tasks based on personnel expertise and training with the software required to make this task. The short time ensures that the website will be usable while the product is still relevant. Work will be performed during business hours and would not interfere with usual business operation. Due to the period which the work is being performed and the short schedule, holidays are not an issue for this project.
Organisational Feasibility
The organisation is large enough to adapt to this change without any problems stemming from a lack of support. The website, as it is focused on only 2 makes of cars from 9 generations of Lancers, is a rather small addition to the company and would not cause any extreme changes to the direction of the company.
3.2. Gantt Chart
4. Designing
4.1. Product Storyboard
This would be the basic layout of the final product. The difference between this and the prototype is the use of a horizontal menu bar rather than a vertical menu bar, drop down menus using Sprymenus and a proper banner.
Layout of the specifications pages for the Evolution and Ralliart:
Layout of the range pages for the Evolution and Ralliart:
The layout for the image gallery:
The layout for the video page:
As for the other pages, the layout is exactly the same as the homepage (which is the first picture shown on this list).
The sitemap:
4.2. Dataflow Diagram
The dataflow diagram below shows how the webpage will load in a user's browser:
The following are some screenshots of the website:
The Lancer Evolution X specifications page
The image gallery
The video page
5. Implementing
5.1. Training Needs
Personnel hired to maintain the system would require training in Dreamweaver software, available from many free locations. Only one employee would need this.
Customers using the system would not require any additional training and would be able to use the system with a basic computer ability.
5.2. Conversion Method Required
The Conversion Method chosen will be Direct conversion. This has been determined as there is no system already in place thereby eliminating the need for parallel conversion. The website is easy to use and simple, eliminating possible advantages of a phased introduction. There website has already been presented to a control group to determine it's viability, eliminating the advantages of a pilot introduction.
5.3. System Test Cases
5.3.1. Test Case 1
This test is to ensure that the website is compatible for most commonly used browsers.
Test Scenario One: Compatibility check using various browsers.
User Action
System Response
Firefox v3.6.3
All pages loaded with no issues
Internet Explorer 8
All pages loaded with no issues
Internet Explorer 7
All pages loaded with no issues
Google Chrome 7.0.517.41
All pages loaded with no issues
5.3.2. Test Case 2
This test is to ensure there are no broken links or mistakes with the links.
Test Scenario Two: Menu Links
User Action
System Response
Click Home
Taken to Home Page
Click Evolution X
Taken to Lancer Evolution X Introduction Page
Mouse over Evolution X then click Specifications
Taken to Evolution X Specification Page
Mouse over Evolution X then click Range
Taken to Evolution X Range Page
Click Ralliart
Taken to Lancer Ralliart Introduction Page
Mouse over Ralliart then click Specifications
Taken to Ralliart Specification Page
Mouse over Ralliart then click Range
Taken to Ralliart Range Page
Click Image Gallery
Taken to Image Gallery
Click Videos
Taken to Video Gallery
Click Bibliography
Taken to Bibliography Page
6. Testing, Evaluating and Maintaining
Testing
The Mitsubishi Evolution Promotion Site works (operational and on the internet).
Refer to the completed Peer Evaluation Form on the above attachment.
Based on this form, a fellow peer made the following comments:
"The website provides the following information: 1. Specification for the Evolution Range, to which there are two to choose from, Evolution X and Evolution X MR. 2. Specification for the Lancer Ralliart Range, to which there are two to choose from, Lancer Ralliart Sportback and Lancer Ralliart Sedan. 3.Image Gallery 4.Videos Over all the presentation and information serves to promote Mitsubishi by showcasing two of its elite, high performing ranges."
The suggested changes recommended in the peer evaluation are as follows:
Presentation:
Have the buttons on the side. This is easier on the eyes.
Content:
A page containg links to dealerships.
Comments on the performance of these two ranges from people who own those cars.
Both of the presentation and content suggestions are logical, they will be taken into account and highlighted to Mitsubishi during the next routine update of the website.
Maintenance
In order to properly maintain the system, the following points will be exercised:
Publish a procedure for submitting information for the site.
Establish a routine with Mitsubishi for updating the site and create a Job sheet to document your work. See example
Recommend to Mitsubishi a Uninterruptible Power Supply (UPS) for the server, if one does not already exist.
Recommend to Mitsubishi a server protection solution such as Grisoft - AVG Internet Security SBS Edition This security solution protects the server against common internet threats such viruses, worms, trojans, spyware, adware combined with desktop anti-spam and firewall protection.
If more than one person has access to the server, a procedure will be published for a clear version control in order to be updating the most current version of the site.
Regularly check the web server logs to view which areas are accessed most often and to determine if there are any patterns to the errors that are logged.
The social and ethical issues to consider are:
1. Data security - it is important to keep data safe as deliberate or accidental damage of it can be a costly exercise for Mitsubishi. Thus, there is a need to consider passwords, firewalls and backup procedures.
2. Data validation - is to insure that the data is accurate so that viewers of the website attain the right information. False advertisement/promotion would ruin Mitsubishi' reputation.
3. Copyright (ethical and legal issue) - all images, videos and data have been authorised for use by Mitsubishi.
The Testing, Evaluation and Maintenance phase has largely been a success. There had been some suggestions made by a fellow peer which was backed up by most other students who had viewed and tested the website. These suggestions will be taken on board and implemented pending the approval by Mitsubishi.
1. Inception
Table of Contents
1.1. Group Members
Fady Khatar S00096774 (username: FadyKhatar)
Philip Ngo S00095513 (username: cptcommunist)
Anthony Bezzina S00077682 (username: tethrius)
1.2 The Task
The assignment can be accessed here:You have been have been hired by an organisation as a contractor to design a website to promote their services or products. The organisation understands that this task would be far too broad if you were to promote their entire services / products base. However, in order to do any justice for the organisation, you are still expected to choose one to two aspects / products that you feel would best portray the organisation.
You are free to choose the topic for your project. The following are some examples:
The team has decided to do a promotion website for the Mitsubishi Evolution X and Lancer Ralliart.
1.3. Team Member Contributions
2. Understanding the Problem
2.1. Requirement Report
2.1.1. Statement of the Problem
The client is Mitsubishi Motors, which is one of the world's largest automobile manufacturers. Mitsubishi just announced recently that the Evolution X and Lancer Ralliart would be for sale. In order to attract customers, Mitsubishi would like to have a website set up, which is dedicated to promoting these two new performance vehicles.2.1.2. Preliminary investigation
In order for us to understand the needs of Mitsubishi, we conducted a short interview with one of their representatives. The purpose of this interview was to collect data to understand the problem and using the data, we can develop a solution to the problem.The interview can be viewed here:
2.1.3. Requirements
Based on the interview with Mitsubishi, the proposed requirements for the Lancer Evolution X and Lancer Ralliart promotion site is as follows:2.1.4. Prototype
A very basic prototype was created for the website. The prototype only consisted of an "index.htm". Most of the links do not work yet and there is no banner.The main purpose of the prototype is to get an idea of the the links we would be putting in, based on the proposed requirements. It helps us in understanding the proposed requirements as well as giving us an opportunity to identify the good and bad features of the website.
This prototype also gives Mitsubishi an opportunity to identify what features they like and don't like and also allows them to specify additional requirements if necessary.
The prototype basic layout of the web pages:
This is the prototype for the image gallery:
This is the prototype page for the video page:
This is the prototype page for the specifications:
3. Planning
3.1. Feasibility Report
Economic Feasibility
The initial cost of a project such as this would not be a huge investment. The website can be made extremely cost-effective by eliminating or limiting tasks which cost more money such as flash animations and forums. Operating costs can also be kept low by hosting the site on a free web-server, although a company of this size would likely have domain space already available. The cost for a new server could be as low as $10 a month. Hiring designers would not cost a significant amount of money as the project is only given a 3 week schedule.
There is little economic risk in a project of this nature, due to the low investment cost and the possibility of high rewards.
The benefits of this website would be advertisements providing income for the company. The Interactive Advertising Bureau claimed that internet advertisement revenue in the US for Jan-July 2010 was over $12 billion. (Source http://www.iab.net/about_the_iab/recent_press_releases/press_release_archive/press_release/pr-101210)
Technical Feasibility
The requirements of the project are:
· A homepage which tells visitors what the website is about.
· An easy to use navigation menu.
· The specifications and ranges of the Evolution X and Lancer Ralliart need to be on the site.
· An image gallery.
· A page showing videos of the Evolution X and Lancer Ralliart.
The project therefore does not require specialised software or hardware to accomplish these requirements. The project can be made on basic web editing programs such as Adobe Dreamweaver, Office Publisher or iWeb. A high quality camera (or already made images) would also be necessary, but would not be difficult to come by from a company of this size. If one was not available, a suitable new camera could be purchased for less than $1000. The project would not need frequent updates and would require little personnel training to maintain.
Schedule Feasibility
A 3 week requirement gives sufficient time to complete the required tasks based on personnel expertise and training with the software required to make this task. The short time ensures that the website will be usable while the product is still relevant. Work will be performed during business hours and would not interfere with usual business operation. Due to the period which the work is being performed and the short schedule, holidays are not an issue for this project.
Organisational Feasibility
The organisation is large enough to adapt to this change without any problems stemming from a lack of support. The website, as it is focused on only 2 makes of cars from 9 generations of Lancers, is a rather small addition to the company and would not cause any extreme changes to the direction of the company.
3.2. Gantt Chart
4. Designing
4.1. Product Storyboard
This would be the basic layout of the final product. The difference between this and the prototype is the use of a horizontal menu bar rather than a vertical menu bar, drop down menus using Sprymenus and a proper banner.
Layout of the specifications pages for the Evolution and Ralliart:
Layout of the range pages for the Evolution and Ralliart:
The layout for the image gallery:
The layout for the video page:
As for the other pages, the layout is exactly the same as the homepage (which is the first picture shown on this list).
The sitemap:
4.2. Dataflow Diagram
The dataflow diagram below shows how the webpage will load in a user's browser:4.3. Completed Product
The completed website can be viewed via this link: http://users.tpg.com.au/cm34448/index.htmThe following are some screenshots of the website:
The Lancer Evolution X specifications page
The image gallery
The video page
5. Implementing
5.1. Training Needs
Personnel hired to maintain the system would require training in Dreamweaver software, available from many free locations. Only one employee would need this.Customers using the system would not require any additional training and would be able to use the system with a basic computer ability.
5.2. Conversion Method Required
The Conversion Method chosen will be Direct conversion. This has been determined as there is no system already in place thereby eliminating the need for parallel conversion. The website is easy to use and simple, eliminating possible advantages of a phased introduction. There website has already been presented to a control group to determine it's viability, eliminating the advantages of a pilot introduction.5.3. System Test Cases
5.3.1. Test Case 1
This test is to ensure that the website is compatible for most commonly used browsers.
Test Scenario One: Compatibility check using various browsers.
5.3.2. Test Case 2
This test is to ensure there are no broken links or mistakes with the links.
Test Scenario Two: Menu Links
6. Testing, Evaluating and Maintaining
Testing
Evaluation
Based on this form, a fellow peer made the following comments:
"The website provides the following information:
1. Specification for the Evolution Range, to which there are two to choose from, Evolution X and Evolution X MR.
2. Specification for the Lancer Ralliart Range, to which there are two to choose from, Lancer Ralliart Sportback and Lancer Ralliart Sedan.
3.Image Gallery
4.Videos
Over all the presentation and information serves to promote Mitsubishi by showcasing two of its elite, high performing ranges."
The suggested changes recommended in the peer evaluation are as follows:
Presentation:
Content:
Both of the presentation and content suggestions are logical, they will be taken into account and highlighted to Mitsubishi during the next routine update of the website.
Maintenance
In order to properly maintain the system, the following points will be exercised:
The social and ethical issues to consider are:
1. Data security - it is important to keep data safe as deliberate or accidental damage of it can be a costly exercise for Mitsubishi. Thus, there is a need to consider passwords, firewalls and backup procedures.
2. Data validation - is to insure that the data is accurate so that viewers of the website attain the right information. False advertisement/promotion would ruin Mitsubishi' reputation.
3. Copyright (ethical and legal issue) - all images, videos and data have been authorised for use by Mitsubishi.
The Testing, Evaluation and Maintenance phase has largely been a success. There had been some suggestions made by a fellow peer which was backed up by most other students who had viewed and tested the website. These suggestions will be taken on board and implemented pending the approval by Mitsubishi.
7. Logbooks
Philip's Logbook:
Fady's Logbook:
Anthony's Logbook: